<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <title>商机管理</title>
    <link rel="stylesheet" href="../../../template/assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="../../../template/assets/css/font-awesome.css">

    <style type="text/css">
        .top_img img {
            width: auto;
            height: 3rem;
        }
        .search {
            background-image: url("../../../template/website/images/search_icon.png");
            background-repeat: no-repeat;
            background-position: right;
            background-size: 2rem;
        }
        .select-style {
            padding: 0;
        }
       .hidden_pager{
           display:none;
       }
    </style>
</head>
<body>

<!-- 搜索条和新增按钮 -->
<script type="text/x-handlebars-template" id="add-search-tpl">
    {{#addAndSearch item class=""}}{{/addAndSearch}}
</script>



<div id="info">

</div>

<div class="am-u-sm-12 am-padding-vertical-xs" id="pager_div">
    <div class="am-u-sm-2">
        <a href="#" onclick="pageBtn('first')">首页</a>
    </div>
    <div class="am-u-sm-2">
        <a href="#"  onclick="pageBtn('prev')">上一页</a>
    </div>
    <div class="am-u-sm-4" style="text-align: center">
        <div id="page_text"></div>
    </div>
    <div class="am-u-sm-2">
        <a href="#"  onclick="pageBtn('next')">下一页</a>
    </div>
    <div class="am-u-sm-2">
        <a href="#" onclick="pageBtn('last')">末页</a>
    </div>
</div>

<script type="text/x-handlebars-template" id="info-tpl">
    {{#oppList list class=""}}{{/oppList}}
</script>

<div class="am-g am-text-center">
    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 am-hide" id="loadingbar"></div>
</div>

<div class="am-modal am-modal-prompt" tabindex="-1" id="my-prompt">
    <div class="am-modal-dialog">
        <div class="am-modal-hd"></div>
        <div class="am-modal-bd am-text-sm">
            <div class="am-g">
                <div class="am-u-sm-4 am-u-md-4 am-u-lg-3 select-style">预受理编码：</div>
                <div class="am-u-sm-8 am-u-md-8 am-u-lg-9 select-style">
                    <input type="text" class="am-form-field" id="opp_id"/>
                </div>
            </div>
            <br>
            <div class="am-g">
                <div class="am-u-sm-4 am-u-md-4 am-u-lg-3 select-style">预受理名称：</div>
                <div class="am-u-sm-8 am-u-md-8 am-u-lg-9 select-style">
                    <input type="text" class="am-form-field" id="opp_name"/>
                </div>
            </div>
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-cancel>取消</span>
            <span class="am-modal-btn" data-am-modal-confirm>搜索</span>
        </div>
    </div>
</div>


<script type="text/javascript" src="../../../template/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="../../../template/assets/js/amazeui.min.js"></script>
<script type="text/javascript" src="../../../template/assets/js/handlebars.min.js"></script>
<script type="text/javascript" src="../../../template/assets/js/amazeui.widgets.helper.min.js"></script>
<script type="text/javascript" src="../../../template/website/js/app.js"></script>
<script type="text/javascript" src="../../../template/website/js/template.js"></script>
<script type="text/javascript" src="../../../template/website/js/goventerprise/esop/opportunity.list.js"></script>

</body>
</html>